<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link  rel="stylesheet" href="style/base.css" />
		<style>
			/* @import url("style/base.css"); */
			div {
				/* width: 200px;
				height: 200px; /* emmet语法 */
				border:1px solid #0000FF ;
				/* margin: 10px ;
				background-color: #808000;
				padding: 10px; */ */
			}
			/* 层级选择器 */
			div.tilte{
				height: 100px;
			}
			div.main{
				/* margin-top: 50px; */
				height: 500px;
			}
			div.nav{
				width: 200px;
				float: left;
			}
			div.content{
				margin-left: 202px;
			}
			div.rgith{
				width: 100px;
				float: right;
			}
		</style>
	</head>
	<body>
		<div class="tilte"></div>
		<div class="main">
			<div class="nav">
				nav
			</div>
			<div class="rgith">
				右<br>
				右<br>
				右<br>
				右<br>
			</div>
			<div class="content">
				content<br>
				content<br>
				content<br>
				content<br>
			</div>
		</div>	
		<span>一二三四五六七八九十</span>
		<span>一二三四五六七八九十</span>
		<span>一二三四五六七八九十</span>
		<span>一二三四五六七八九十</span>
		<span>一二三四五六七八九十</span>
	</body>
</html>
